$(function () {

  init();

  function init() {
    // 初始化下拉刷新的
    mui.init({
      pullRefresh: {
        container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
        down: {
          height: 50,//可选,默认50.触发下拉刷新拖动距离,
          auto: true,//可选,默认false.首次加载自动下拉刷新一次
          contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
          contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
          contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
          callback: function () {

            queryProductDetail(function (result) {
              result.sizeArr = $.sizeFormat(result.size);
              var html = template("mainTpl", result);
              $(".mui-scroll").html(html);

              // 轮播图初始化
              //获得slider插件对象
              // 先确保标签存在 再去做初始化 
              var gallery = mui('.mui-slider');
              gallery.slider({
                interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
              });

              // 初始化数字输入框
              mui(".mui-numbox").numbox();

              // 结束下拉刷新
              mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
            })


          }
        }
      }
    });


    // 点击尺码 要使用事件委托的方式 因为span标签是动态渲染
    $(".mui-scroll").on("tap", ".pro_size span", function () {
      $(this).addClass("active").siblings().removeClass("active");

    });

    // 加入购物车
    $(".addCartBtn").on("tap", function () {
      /* 
      1 判断有没有选中尺码
      2 判断数量的值是否合法 
      3 再去做添加到购物车

       */

      if ($(".pro_size span.active").length < 1) {
        // 不满足
        mui.toast("请选择尺码");
        return;
      }

      if ($(".mui-numbox-input").val() < 1) {
        mui.toast("请选择数量");
        return;
      }

      // 请求参数对象
      var queryObj = {
        productId: $.getQueryString("id"),
        num: $(".mui-numbox-input").val(),
        size: $(".pro_size span.active").html()
      };

      // 构造post请求 添加到购物车
      //  $.post("/cart/addCart",queryObj,function (result) {
      //   //  console.log(result);

      //   if(result.error&&result.error==400){
      //     // 未登录  跳转到登录页面
      //     // 需要把当前的路径带到login页面
      //     location.href="./user/login.html?returnURL="+location.href;

      //   }else{
      //     // 成功的逻辑
      //     mui.confirm("是否跳转到购物车","温馨提示",["是","否"],function (a) {
      //       // console.log(a,b,c,d);
      //       if(a.index==0){
      //         // 是 跳转页面到购物车 cart.html
      //         location.href="./cart.html";
      //       }else{
      //         // 否 
      //       }

      //     });
      //   }

      //  })

      $.ltAjax({
        url: "/cart/addCart",
        type: "post",
        data: queryObj,
        success: function (result) {

          // console.log("此时是登录过了的成功的执行回调");
          mui.confirm("是否跳转到购物车", "温馨提示", ["是", "否"], function (a) {
            // console.log(a,b,c,d);
            if (a.index == 0) {
              // 是 跳转页面到购物车 cart.html
              location.href = "./cart.html";
            } else {
              // 否 
            }

          });
        }
      });
    })
  }


  function queryProductDetail(callback) {
    $.get("/product/queryProductDetail?id=" + $.getQueryString("id"), function (result) {

      callback && callback(result);
    })

  }


})